<template>
  <div id='password'>
    <com-head :opacity='0'>安全中心</com-head>
    <div class="navimg"  @click="shownav"><img class="img" src="../assets/image/navall.png"></div>
    <div class="usermenu">
        <router-link class="item" tag="div" :to="{name: 'xiugai',query:{status: '0'}}"><span>登录密码</span><i class="iconfont icon-xiayiye"></i></router-link>
        <router-link class="item" tag="div" :to="{name: 'xiugai',query:{status: '1'}}"><span>安全密码</span><i class="iconfont icon-xiayiye"></i></router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: "password",
  data() {
    return {

    };
  },

  computed: {},

  created() {},

  mounted() {},

  methods: {
    shownav() {
      this.$bus.$emit("navlist");
    }
  }
};
</script>
<style lang='scss'>
#password {
  .icon-fanhui1 {
    display: none;
  }
  .navimg {
    width: 140px;
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    img {
      display: block;
      margin-left: 42px;
      margin-top: 25px;
      width: 43px;
      height: 33px;
    }
  }
  .usermenu {
    margin-top: 20px;
    padding: 0 32px;
    box-sizing: border-box;
    background-color: #fff;
    .item {
      width: 686px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1Px solid rgba(238, 238, 238, 1);
      line-height: 100px;
      span {
        // width: 120px;
        text-align: left;
      }
      .iconfont {
        color: #ddd;
        font-size: 40px;
      }
    }
    .item:nth-of-type(2) {
      border-bottom: none;
    }
  }

  
}
</style>